<script setup lang="ts">
import {defineProps} from "vue";
import {IconMaterialType} from "@/data-type/material.type";
import {HomeOutlined} from "@ant-design/icons-vue";

const props = defineProps<{material:IconMaterialType}>();
  const defaultProps = {
    type: 'icon',
    props: {
      component: HomeOutlined
    }
  }
</script>

<template>
  <div class="zhtt-material-icon">
    <component :is="defaultProps.props.component"></component>
  </div>
</template>

<style scoped>

</style>
